<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Felink</title>
   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="css/style.css">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    
     <style>


     </style>
  </head>
  <body>
                     <!-- 顶部导航 -->
      <nav class="navbar navbar-fixed-top" role="navigation" id="menu-nav" 
      style="background-color:#fff;">
      <div class="container">
           <div class="navbar-header">
              <img src="images/logo.png" alt="logo">
               <button type="button" class="navbar-toggle" data-toggle="collapse" 
               data-target="#example-navbar-collapse">
                <span class="sr-only" >切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            </div>
            <div class="navbar-collapse collapse navbar-right" id="example-navbar-collapse">
              <ul class="nav navbar-nav">
                 <li class="active"><a href="#">首页</a></li>
                 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">产品 <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                       <li><a href="">91桌面</a></li>
                       <li><a href="">黄历天气</a></li>
                       <li><a href="">91锁屏</a></li>
                       <li><a href="">羞兔</a></li>
                       <li><a href="">桌面点心</a></li>
                       <li><a href="">Mobo桌面</a></li>
                    </ul>
                 </li>
                 <li><a href="#">游戏</a></li>
                 <li><a href="#">支持</a></li>
                 <li><a href="#">关于</a></li>
              </ul>
            </div>
      </nav>
      </div>
     </nav> 
                       <!-- 轮播图 -->
  <div id="ad-carousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#ad-carousel" data-slide-to="0" class="active"></li>
        <li data-target="#ad-carousel" data-slide-to="1"></li>
        <li data-target="#ad-carousel" data-slide-to="2"></li>
        <li data-target="#ad-carousel" data-slide-to="3"></li>
        </ol>
       
      <div class="carousel-inner">
            <div class="item active">
               <img src="images/carousel-1.png" alt="0 slide">
            </div>
            <div class="item">
              <img src="images/carousel-2.png" alt="1 slide">
            </div>
            <div class="item">
              <img src="images/carousel-3.png" alt="2 slide">
            </div>
            <div class="item">
              <img src="images/carousel-4.png" alt="3 slide">
            </div>
      </div>
      <a class="left carousel-control" href="#ad-carousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span></a>  
      <a class="right carousel-control" href="#ad-carousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span></a>  
  </div>    

                  <!--          主要内容        -->

<div class="container summary">
         <div class="row" id="summary-container"> 
              <div class="col-md-4">
                <a href="#"><img src="images/index_ico1.png" alt="icon1"></a>
                <a href="#">
                    <p>91桌面</p>
                    <p>DIY混搭，混出你的个性</p>
                </a>
              </div>
               <div class="col-md-4">
                <a href="#"><img src="images/index_ico2.png" alt="icon1"></a>
                <a href="#">
                    <p>91锁屏</p>
                    <p>最简单实用的锁屏软件</p>
                </a>
              </div>
               <div class="col-md-4">
                <a href="#"><img src="images/index_ico3.png" alt="icon1"></a>
                <a href="#">
                    <p>安卓桌面</p>
                    <p>智能桌面，与众不同</p>
                </a>
              </div>
         </div>
   </div>
   
  <div style="background-color:#f3f3f3;">
  <div class="container summary">
         <div class="row" id="summary-container"> 
              <div class="col-md-4"  style="background-color:#f3f3f3;">
                <a href="#"><img src="images/index_ico4.png" alt="icon1"></a>
                <a href="#">
                    <p>黄历天气</p>
                    <p>好天气 还运气</p>
                </a>
              </div>
            <div class="col-md-4"  style="background-color:#f3f3f3;">
                <a href="#"><img src="images/index_ico5.png" alt="icon1"></a>
                <a href="#">
                    <p>点心桌面</p>
                    <p>简单桌面，独一无二</p>
                </a>
            </div>
            <div class="col-md-4"  style="background-color:#f3f3f3;" >
                <a href="#"><img src="images/index_ico6.png" alt="icon1"></a>
                <a href="#">
                    <p>羞兔</p>
                    <p>超好玩的贴纸相机</p>
                </a>
           </div>
       </div>
     </div>
  </div>                        
</div>
 <div style="background-color:#f7f7f7;">
   <div class="container summary">
        <div class="row">
            <div class="col-md-4" style="margin-top:25px;">
               <ul>
                 <li>关于我们</li>
                 <li><a href="">公司介绍</a></li>
                 <li><a href="">隐私条款</a></li>
                 <li><a href="">免责声明</a></li>
                 <li><a href="">加入我们</a></li>
                 <li><a href="">防沉迷，家长监护</a></li>
               </ul>
            </div>
            <div class="col-md-4" style="margin-top:25px;">
                 <ul>
                 <li>帮助与支持</li>
                 <li><a href="">支持中心</a></li>
                 <li><a href="">常见问题</a></li>
                 </ul>
            </div>
            <div class="col-md-4" style="margin-top:25px;">
                <ul>
                 <li>互动关注</li>
                 <li><a href="">官方微博</a></li>
                 <li><a href="">官方微信</a></li>
                 <li><a href="">官方邮箱</a></li>
                 </ul>
            </div>
     </div>
     <div class="row" id="foot">       
            <div class="col-md-12">
               <p class="pull-left">@2015-2016福建风灵4创景科技有限公司Felink.com 版权所有 闽ICP备187276号-1 服务热线：0593-26834073</p>
               <p class="pull-right">
                     <a href="#top">回到顶部</a>
                  </p>
            </div>
    
     </div>
   </div>
</div>
    <script src="js/jquery-3.1.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
         
               
       


